<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>首页</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="shortcut ico"  href="images/zimei.ico">
<script src='js/screenresize.js'></script>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="lib/css/swiper.min.css">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- header 开始 -->
<header>
    <div class="wrapper por">
        <form action="" method="" accept-charset="utf-8">
            <input type="text" name="" placeholder="护肤套装">
            <i class="iconfont icon-sousuo-sousuo"></i>
            <b class="iconfont icon-xiangji">
                <input type="file" accept="images/*" capture='camera' name="">
            </b>
        </form>
        <i class="iconfont icon-youxiaoxi poa"></i>
    </div>
</header>
<!-- header 结束 -->

<!-- banner start -->
<div class="banner wrapper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="javascript:void()">
                    <img src="images/index-banner0.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:void()">
                    <img src="images/index-banner1.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:void()">
                    <img src="images/index-banner2.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:void()">
                    <img src="images/index-banner3.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:void()">
                    <img src="images/index-banner4.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:void()">
                    <img src="images/index-banner5.jpg" alt="">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- banner end -->

<!-- nav start -->
<nav class="wrapper">
    <ul class="clearfix">
        <li><a href="make.html"><img src="images/index-nav0.png" alt="" /><p>热门推荐</p></a></li>
        <li><a href="make.html"><img src="images/index-nav1.png" alt="" /><p>个人护理</p></a></li>
        <li><a href="make.html"><img src="images/index-nav2.png" alt="" /><p>奢品美妆</p></a></li>
        <li><a href="make.html"><img src="images/index-nav3.png" alt="" /><p>护肤</p></a></li>
        <li><a href="make.html"><img src="images/index-nav4.png" alt="" /><p>彩妆</p></a></li>
        <li><a href="make.html"><img src="images/index-nav5.png" alt="" /><p>专注功效</p></a></li>
        <li><a href="make.html"><img src="images/index-nav6.png" alt="" /><p>男士护肤</p></a></li>
        <li><a href="make.html"><img src="images/index-nav7.png" alt="" /><p>香氛</p></a></li>
        <li><a href="make.html"><img src="images/index-nav8.png" alt="" /><p>品牌特惠</p></a></li>
        <li><a href="make.html"><img src="images/index-nav9.png" alt="" /><p>教你化妆</p></a></li>
    </ul><p></p>
</nav>
<!-- nav end -->

<!-- sale start -->
<div class="sale clearfix wrapper">
    <div class="left fl ">
        <h3><i class="iconfont icon-xianshi2"></i>限时抢购</h3>
        <p></p>
        <a href="make.html"><img src="images/index-sale0.png" alt="" /></a>
    </div>
    <div class="right fl clearfix">
        <ul>
            <li>
                <div>
                    <h3><i class="iconfont icon-zan"></i>拼划算</h3>
                    <p>一起拼，更划算</p>
                </div>
                <a href="make.html"><img src="images/index-sale1.png" alt="" /></a></li>
            <li>
                <h3><i></i>二次元</h3>
                <p>买你想买</p>
                <a href="make.html"><img src="images/index-sale2.png" alt="" /></a></li>
            <li>
                <h3><i></i>品牌清仓</h3>
                <p>不可错过</p>
                <a href="make.html"><img src="images/index-sale3.png" alt="" /></a></li>
        </ul>
    </div>
</div>
<!-- sale end -->

<!-- better start -->
<div class="better wrapper">
    <h2><i class="iconfont icon-shandian"></i>优选品牌 满减活动</h2>
    <ul>
        <li><img src="images/index-better0.png" alt="" />
            <div>
                <p>美肤宝</p>
                <p>满<span>199</span>减<span>99</span>元</p>
                <p><i class="iconfont icon-xianshi2"></i>12/2-12/3</p>
                <button><a href="make.html">入场抢购</a></button>
            </div>
        </li>
        <li><img src="images/index-better1.png" alt="" />
            <div>
            <p>美肤宝</p>
            <p>满<span>199</span>减<span>99</span>元</p>
            <p><i class="iconfont icon-xianshi2"></i>12/2-12/3</p>
            <button><a href="make.html">入场抢购</a></button>
            </div>
        </li>
        <li><img src="images/index-better2.png" alt="" />
            <div>
                <p>美肤宝</p>
                <p>满<span>199</span>减<span>99</span>元</p>
                <p><i class="iconfont icon-xianshi2"></i>12/2-12/3</p>
                <button><a href="make.html">入场抢购</a></button>
            </div>
        </li>
    </ul>
    <p><a href="">更多大牌<i class="iconfont icon-jiankuohaoyuanyou"></i></a></p>
</div>
<!-- better end -->

<!-- brand start -->
<div class="brand wrapper">
    <h2><i class="iconfont icon-diqiuyi"></i>国际品牌 有你所想</h2>
    <ul class="nav clearfix">
        <li class="active">推荐品牌</li>
        <li>独家品牌</li>
        <li>欧美品牌</li>
        <li>日韩品牌</li>
    </ul>
    <ul class="content">
        <li>
            <div>
                <a href="details.html">
                    <img src="images/index-brand0.png" alt="" />
                </a>
            </div>
            <div class="right">
                <p><span>中小样【官方授权】</span>兰芝夜间修护三件套，去死皮淡唇纹，水润双唇Q弹立现</p>
                <p><span>￥129</span></p>
                <p><del>￥198</del> | 销量<b>365</b></p>
                <p>动态倒计时</p>
            </div>
        </li>
        <li> <div><a href="details.html"><img src="images/index-brand1.png" alt="" /></a></div> <div class="right">
            <p><span>中小样【官方授权】</span>兰芝夜间修护三件套，去死皮淡唇纹，水润双唇Q弹立现</p>
            <p><span>￥129</span></p>
            <p><del>￥198</del> | 销量<b>365</b></p>
            <p>动态倒计时</p>
        </div></li>
        <li> <div><a href="details.html"><img src="images/index-brand2.png" alt="" /></a></div> <div class="right">
            <p><span>中小样【官方授权】</span>兰芝夜间修护三件套，去死皮淡唇纹，水润双唇Q弹立现</p>
            <p><span>￥129</span></p>
            <p><del>￥198</del> | 销量<b>365</b></p>
            <p>动态倒计时</p>
        </div></li>
    </ul>
    <p><a href="">更多品牌推荐<i class="iconfont icon-jiankuohaoyuanyou"></i></a></p>
</div>
<!-- brand end -->

<!-- special start -->
<div class="special wrapper">
    <h2><i class="iconfont icon-shalou"></i>精选优品 每日12点开始特卖</h2>
    <ul class="clearfix">
        <li>
            <a href="details.html"><img src="images/index-special0.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295<del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special1.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special2.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special3.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special4.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special5.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special6.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special7.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295 <del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
        <li>
            <a href="details.html"><img src="images/index-special8.png" alt="" />
            <p>【兰蔻大粉水】兰蔻清滢柔肤水400ml</p>
            <p>
                <span>￥295<del>￥425</del></span><b>|</b><span>
                销量<b>174</b></span>
            </p></a>
        </li>
    </ul>
    <p><a href="">更多精彩 等你来选 <i class="iconfont icon-jiankuohaoyuanyou"></i></a></p>
</div>


<!-- special end -->

 <!-- footer 开始 -->
    <footer>
        <ul>
            <li>
                <a class="cur" href="index.html">
                    <i class="iconfont icon-shouyeshouye"></i>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="classify.html">
                    <i class="iconfont icon-fenlei"></i>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="find.html">
                    <i class="iconfont icon-faxian"></i>
                    <p>发现</p>
                </a>
            </li>
            <li>
                <a href="shoppingCar.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="myCenter.html">
                    <i class="iconfont icon-iconfontwode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>
<!-- footer 结束 -->
    <script src='lib/js/zepto.min.js'></script>
    <script src='lib/js/swiper.min.js'></script>
    <script src='js/index.js'></script>
    <script>
        var mySwiper = new Swiper ('.swiper-container', {
            loop: true,
            autoplay:2000,

        });
    </script>
</body>
</html>